<link rel="stylesheet" type="text/css" href="/static/manage/css/member/plugin/core/style.css?v=6" />
<style>
    .layuimini-container {
       background-color: #f2f2f2;
    }

    .box .sudoku-box .sudoku .sudokus .sudpku-top .c .c-t .c-r {
        line-height: 16px;
        padding: 0 4px;
    }

    .layui-layer-easy.layui-layer-border {
        text-align: left !important;
    }

    .detail-title{
        text-align: center;
        font-size: 20px;
    }
</style>
<div class="layuimini-container">
    <div class="layuimini-main">
        <div class="body">
            <div class="box">
                <header>
                    <div class="blut-box"></div>
                    <div class="top-title">插件中心</div>
                    <img src="/static/manage/images/member/plugin/core/icon.png" class="top-img">
                </header>
                <div class="gray">
                    <p>当前可以购买和使用的插件的管理平台</p>
                </div>
                <div class="sudoku-box" id="plugin_list">

                </div>
            </div>
        </div>
    </div>
</div>
<script id="plugin_template" type="text/html">


    {{#  layui.each(d, function(index, item){ }}

    <div class="sodoku-boxs plugin-item body-style">
        <div class="sudoku">
            {{#  if(item.label == 'recommend' ){ }}
            <img src="/static/manage/images/member/plugin/core/recommend.png" class="r-top">
            <div class="r-top-text">
            推荐
            </div>
            {{#  } }}
            {{#  if(item.label == 'hot' ){ }}
            <img src="/static/manage/images/member/plugin/core/hot.png" class="r-top">
            <div class="r-top-text">
                热门
            </div>
            {{#  } }}

            <div class="sudokus">
                <div class="sudpku-top" data-plugin-id="{{item.id}}"  data-url="{{item.info.url}}" title="单击打开插件展示页面">
                    <div class="l">
                        <img src="{{item.icon}}" height="50px" width="50px">
                    </div>
                    <div class="c">
                        <div class="c-t">
                            <div class="c-l">{{item.title}}</div>
                            {{#  if(item.buy){ }}
                            <div class="c-r">已购</div>
                            {{#  } }}

                        </div>
                        <div class="c-b">{{item.subtitle}}</div>
                    </div>
                    {{#  if(item.buy){ }}
                    <div class="r manage" data-plugin-id="{{item.id}}" data-buy="{{item.buy}}" title="单击管理插件后台" >
                        <div class="r-money">
                            <p>
                                <span>¥</span><span>{{item.price}}</span>
                            </p></div>
                        <div class="r-btn" >管理</div>
                    </div>
                    {{#  } else { }}
                    <div class="r manage"  data-plugin-id="{{item.id}}" data-buy="{{item.buy}}" >
                        <div class="r-money">
                            <p>
                                <span>¥</span><span>{{item.price}}</span>
                            </p></div>
                        <div class="r-btn" style="  background: #ff5656;">购买</div>
                    </div>
                    {{#  } }}
                </div>
                <div class="sudokus-bottom" id="desc_{{item.id}}" data-plugin-id="{{item.id}}" title="单击查看简介">查看简介</div>
            </div>
        </div>
    </div>


    {{#  }); }}

    {{#  if(d.length === 0){ }}
    <div class="layui-col-md12">
        <div><i class="layui-icon layui-icon-close-fill"></i><span class="null-sty">&nbsp&nbsp您当前没有能管理的插件...</span></div>
    </div>
    {{#  } }}

</script>
<script id="plugin_desc" type="text/html">
    <div class="detail-title">{{d.title}}简介</div>
    <hr class="layui-border-blue">
    <div>{{d.description}}</div>
</script>

<script>
    var app = "{$app}"; //应用标识
</script>

